import Vue from 'vue'
import VueRouter from 'vue-router'
import store from '@/store'
import { getLocal } from '@/utils/local.js'
import { auInfo } from '@/api/my.js'
Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    redirect: '/login'
  },
  {
    path: '/login',
    component: () => import('@/views/login/login.vue')
  },
  {
    path: '/home',
    component: () => import('@/views/home/home.vue'),
    // 配置重定向 登录成功跳转到指定页面
    redirect: '/home/my',
    children: [
      {
        path: '/home/company',
        component: () => import('@/views/home/company/company.vue'),
        meta: {
          needTab: true
        }
      },
      {
        path: '/home/find',
        component: () => import('@/views/home/find/find.vue'),
        meta: {
          needTab: true
        }
      },
      {
        path: '/home/shareList',
        component: () => import('@/views/home/find/shareList.vue'),
        meta: {}
      },
      {
        path: '/home/sharelnfo/:id?',
        component: () => import('@/views/home/find/sharelnfo.vue'),
        meta: {}
      },
      {
        path: '/home/my',
        component: () => import('@/views/home/my/my.vue'),
        meta: {
          needLogin: true,
          needTab: true
        }
      },
      {
        path: '/home/mylnfo',
        component: () => import('@/views/home/my/mylnfo.vue'),
        meta: {
          needLogin: true
        }
      },
      {
        path: '/home/editlnfo',
        component: () => import('@/views/home/my/editlnfo.vue'),
        meta: {
          needLogin: true
        }
      },
      {
        path: '/home/question',
        component: () => import('@/views/home/question/question.vue'),
        meta: {
          needLogin: true,
          needTab: true
        }
      },
      {
        path: '/home/questionlnfo/:id',
        component: () => import('@/views/home/question/questionlnfo.vue'),
        meta: {
          needLogin: true
        }
      }
    ]
  }
]

const router = new VueRouter({
  routes
})

// 前置守卫  有没有进入相应的路由
router.beforeEach(async (to, from, next) => {
  // 记录每一个页面离开时的滚动条位置到路由元
  const _scrollTop =
    document.documentElement.scrollTop ||
    document.body.scrollTop ||
    window.pageYOffset
  from.meta.scrollTop = _scrollTop
  // to 要去的路由信息   form：从哪来的路由信息  next() 正常通过 next(path地址)
  // 逻辑分析
  // 如果to的页面不需要登录
  // 直接通过next()
  // 需要登录
  // 如果以登录：不需要处理
  // 如果没有登录
  // 判断有没有token
  // 有token
  // 通过token获取用户信息 next()
  // 没有token
  // 直接返回登录页 next("/login")
  console.log(to)
  if (!to.meta.needLogin) {
    next()
    // 1 前置守卫中，不需要登录就可以访问的页面，&& 并且满足登录条件，调用接口获取用户信息
    if (getLocal('token') && !store.state.isLogin) {
      // 这个地方获取用户信息，出了问题你别扔到登录页
      // 这个地方获取用户信息出错了，别处理
      const res = await auInfo(true)
      // 保存用户信息到vuex
      store.commit('setUserInfo', res.data.data)
      // 修改登录状态
      store.commit('setIsLogin', true)
    }
  } else {
    if (store.state.isLogin) {
      next()
    } else {
      if (getLocal('token')) {
        auInfo()
          .then(res => {
            // 保存用户信息到vuex
            store.commit('setUserInfo', res.data.data)
            // 修改登录状态
            store.commit('setIsLogin', true)
            next()
          })
          .catch(() => {})
      } else {
        // 他想去页面是to的页面
        /**
         * 路由传值
         * 传：this.$router.push('地址?参数名=“值”')
         * 收：在相应路由接收this.$route.query.参数名
         * fullPath:带了参数的path地址
         */
        // 没有token 跳转到至登陆页面时。带上想去的路由地址
        next('/login?erdirect=' + to.fullPath)
      }
    }
  }
})

// 后置守卫
router.afterEach((to, from) => {
  // 进入任何页面都回到顶部
  window.scrollTo(0, 0)
})

export default router
